(function(){
    $(".back").click(function(){
        $("body,html").animate({scrollTop:0},500)
    })

    var str=window.location.href;
    console.log(str)
    str=str.split("=")
    text=str[2]
    text=decodeURI(text)
    console.log(text)
    id=str[1].split("&")[0]

    $(".nav").children("div").children("a:eq(2)").html(text+">")
    
    var num=0;
    

        $.ajax({
            type:"GET",
            url:"http://chst.vip:1234/api/getproductlist",
            data:{categoryid:id,pageid:1}
        }).then(res=>{
            var arr=res.result;
            let html=""
            var productId=[]
            var productName=[]
            arr.forEach(function(item,index){
                html+=`
                <li>
                    ${item.productImg}
                    <div>
                        <p>${item.productName}</p>
                        <p>${item.productPrice}</p>
                        <p>${item.productCom}</p>
                    </div>
                </li>
                `
                productId[index]=item.productId;
                productName[index]=item.productName.split(" ")[0];

            })
            var pages=Math.ceil(res.totalCount/10)
            var options=""
            for(var i=0;i<pages;i++){
                options+=`
                <option>${i+1}/${pages}</option>
                `
            }
            
            $(".box").html(html)
            $("select").html(options)
            for(let i=0;i<productId.length;i++){
                $(".box").children("li:eq("+i+")").click(function(){
                    window.location.href="http://127.0.0.1:5500/%E9%A1%B9%E7%9B%AE/pages/shoppingDetail.html?productid="+productId[i]+"&category="+text+"&productName="+productName[i];
                    console.log(productId[i])
                    console.log(productName[i])
                })
            }
        })
    
        function fn(num){
            $.ajax({
                type:"GET",
                url:"http://chst.vip:1234/api/getproductlist",
                data:{categoryid:id,pageid:num+1}
            }).then(res=>{
            var arr=res.result;
            let html=""
            var productId=[]
            var productName=[]
            arr.forEach(function(item,index){
                html+=`
                <li>
                    ${item.productImg}
                    <div>
                        <p>${item.productName}</p>
                        <p>${item.productPrice}</p>
                        <p>${item.productCom}</p>
                    </div>
                </li>
                `
                productId[index]=item.productId;
                productName[index]=item.productName.split(" ")[0];
            })
            $(".box").html(html)

            for(let i=0;i<productId.length;i++){
                $(".box").children("li:eq("+i+")").click(function(){
                    window.location.href="http://127.0.0.1:5500/%E9%A1%B9%E7%9B%AE/pages/shoppingDetail.html?productid="+productId[i]+"&category="+text+"&productName="+productName[i];
                    console.log(productId[i])
                    console.log(productName[i])
                })
            }
            })
        }
            
            
    $("select").change(function(){
        num=this.selectedIndex;
        console.log(num)
        fn(num);
    
    })
    //下一页
    $(".down").click(function(){
        $("select").children("option:eq("+num+")").removeProp("selected")
        num++;
        if(num>$("select").children("option").length-1)num=$("select").children("option").length-1;
        $("select").children("option:eq("+num+")").prop("selected","true")
        fn(num);
    })

    //上一页
    $(".up").click(function(){
        $("select").children("option:eq("+num+")").removeProp("selected")
        num--;
        if(num<0)num=0;
        $("select").children("option:eq("+num+")").prop("selected","true")
        fn(num)
    })

})()